<div class="extractRecord block" data-title="取款明细" ms-controller="extractRecord">
    <h2 class="h2_title">取款明细</h2>
    <form class="form">
        <div class="clfix">
            <a href="javascript:;" class="downBtn m-btn" :click="@down">下载</a>
            <xmp is="ms-select" ms-widget="{dropdownData:@accountDropdown}" :class="'accountList'"></xmp>
            <xmp is="ms-select" ms-widget="{dropdownData:@dateDropdown}" :class="'mleft10'"></xmp>
            <a href="javascript:;" class="filterLabel" :class="{on:@filterData.show}" :click="@filterData.show = !@filterData.show">更多条件</a>
        </div>
        <div class="filterBox clfix" :visible="@filterData.show">
            <div class="clfix">
                <span class="col text-col">币种: 美元</span>
                <span class="col status-col">
                    状态
                    <xmp is="ms-select" ms-widget="{dropdownData:@statusData}"></xmp>
                </span>
                <span class="col date-col">
                    开始时间
                    <input type="text" id="startTime" class="textInput dateInput" readonly  
                        :duplex="@filterData.defaultbTime"
                        onclick="WdatePicker({maxDate:'#F{$dp.$D(\'endTime\')}'})">
                    </span>
                <span class="col date-col right">
                    结束时间
                    <input type="text" id="endTime" class="textInput dateInput" readonly  
                        :duplex="@filterData.defaultETime"
                        onclick="WdatePicker({minDate:'#F{$dp.$D(\'startTime\')}'})">
                </span>
            </div>
            <button class="m-btn" 
                    :class="{loading:@tb.loading}"
                    :attr="{disabled:@tb.loading}"
                    :click="@searchSubmit">查询</button>
        </div>
        <div class="mtop10" id="recordList">
            <xmp is="ms-table" ms-widget="{tableData:@tb}" ></xmp>
        </div>
    </form>

    <!-- 取款详情弹窗 -->
    <xmp is="ms-dialog" ms-widget="{dialog:@extractDialog}" >
        <div class="loading" :visible="@extractDialog.loading">
            <img src="../../../images/loading.gif" width="20">
        </div>
        <div :visible="!@extractDialog.loading">
            <p class="status">
                <i class="editIcon"></i>
                {{@extractDialog.withdrawProposal.stateName}}
            </p>
            <ul class="infoList">
                <li>申请编号：{{@extractDialog.withdrawProposal.pno}}</li>
                <li>收款银行：{{@extractDialog.withdrawProposal.withdrewBankName}}</li>
                <li>取款账号：{{@extractDialog.withdrawProposal.accountNo+'【'+@extractDialog.withdrawProposal.platform+'】'}} </li>
                <li>收款银行账号：{{@extractDialog.withdrawProposal.withdrewBankAccount}}</li>
                <li>取款金额（含手续费）：{{@extractDialog.withdrawProposal.depostMount + @extractDialog.withdrawProposal.accountCurrency}} </li>
                <li>入账金额：{{@extractDialog.withdrawProposal.inMount + @extractDialog.withdrawProposal.payCurrency}}</li>
                <li>手续费：{{@extractDialog.withdrawProposal.withDrawFess + @extractDialog.withdrawProposal.accountCurrency}}</li>
            </ul>
            <ul class="timeList">
                <li class="item"
                    :for="(index,el) in @extractDialog.WithdrawalogList"
                    :class="{active:index===0}">
                    <p>
                        {{@extractDialog.statusArr[@el.proposalStatus]}}
                        <br>
                        {{@el.settleTimeStr}}
                    </p>
                </li>
            </ul>
        </div>
    </xmp>
</div>